<template>
  <div class="container">
    <div class="meeting-item-cell-wrapper">
      <div class="item-cell-left"></div>
      <div class="item-cell">
        <i class="fa fa-calendar"></i>
        <span class="meeting-time-text" v-text="formateDate(projectMeeting.meetingTime)"></span>
        <span class="meeting-subject-text" v-text="'来访方式：'+projectMeeting.meetingType"></span>
      </div>
      <div class="item-cell-right">
        <i class="fa fa-angle-right"></i>
      </div>
    </div>
  </div>
</template>
<script>
  import moment from 'moment'
  export default {
    props: ['projectMeeting'],
    methods:{
      formateDate(date) {
        return moment(date).format('YYYY-MM-DD')
      }
    }
  }
</script>
<style scoped lang="scss">
  @import '../../base/css/_base';
  .container{
    margin: 1px 0 0 0;
    .meeting-item-cell-wrapper{
      padding: 12px 10px;
      background: #fff;
      @include flex-left;
      .item-cell{
        flex: 1;
        @include flex-left;
        padding-right: 20px;
        i{
          color: #cc0000;
          margin: 1px 15px  0 0
        }
        .meeting-time-text{
          flex: 1;
          color: #80848f;
          @include fz(5px);
        }
        .meeting-subject-text{
          @include fz(5px);
          float: right;
        }
      }
      .item-cell-right{
        color: #80848f;
      }
    }
  }
</style>
